body{
    background: #030732;
    position: relative;
    width: 100%;
    overflow-x: hidden;
}
.container{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 100vw;
    overflow-x: hidden;
}
@-webkit-keyframes efficiencyAnimte {
    0%{
        opacity: 0;
    }
    30%{
        opacity: 1;
        transform: scale(1);
    }
    60%{
        opacity: 1;
        transform: scale(1);
    }
    100%{
        opacity: 0;
    }
}
.efficiency{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-animation: efficiencyAnimte 5s;
    -webkit-animation-fill-mode: both;
}

.container-head{
    position: relative;
    margin-top: 5px;
}
.container-head-efficiency{
    position: absolute;
    left: 3px;
    top: -8px;
    bottom: 0;
    z-index: 0;
    margin: auto;
}
.container-head-efficiency-icon{
    position: absolute;
    left: 19px;
    bottom: 20px;
    top: 0;
    margin: auto;
    animation-duration: 2s;
}
.zIndex{
    position: relative;
    z-index: 2;
}
@-webkit-keyframes rightan
{

    from
    {
        bottom: 0%;
        opacity: 0;
        transform: translateY(-10px);
    }
    to
    {
        bottom: 5%;
        opacity: 1;
        transform: translateY(0px);
    }
}
.rightan
{
    -webkit-animation: rightan 2s infinite;
    -webkit-animation-fill-mode: both;
}
.flexRight{
    width: 3%;
    height: 100px;
    position: fixed;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 99;
}
.container-menu{
    position: relative;
}
.container-menu img{
    display: block;
    width: 80%;
    margin: 10px auto 22px auto;
}
.flexRight img{
    margin-top: 2px;
}
.header{
    position: relative;
}
@keyframes roAnimate{
    100% {
        transform: rotate(-360deg); }
}
.header-ro1{
    position: absolute;
    right: 51%;
    bottom: 23%;
    animation: roAnimate 2s infinite linear;
}
.header-ro2{
    animation: roAnimate 2.5s infinite linear;
    position: absolute;
    right: 45%;
    bottom: 23%;
}
.header-ro3{
    animation: roAnimate 3s infinite linear;
    position: absolute;
    right: 39%;
    bottom: 23%;
}
@keyframes hEfficiency{
    70%{
        opacity: 0;
        transform:translateX(-50%);
    }
    80%{
        opacity: 1;
        transform:translateX(-50%);
    }
    100% {
        opacity: 0;
        transform:translateX(60%);
    }
}
.h-efficiency{
    position: absolute;
    left: 0px;
    right: 0;
    opacity: 0;
    top: 39%;
    margin: auto;
    animation: hEfficiency 5s infinite ease-in;
}
@keyframes hEfficiency1{
    70%{
        opacity: 0;
        transform:translateX(-100%);
    }
    80%{
        opacity: 1;
        transform:translateX(-100%);
    }
    100% {
        opacity: 0;
        transform:translateX(100%);
    }
}
.h-efficiency1{
    position: absolute;
    left: 0px;
    right: 0;
    opacity: 0;
    top: 46%;
    margin: auto;
    animation: hEfficiency1 4s infinite linear;
}
@keyframes hEfficiency2{
    75%{
        opacity: 0;
        transform:translateX(-130%);
    }
    80%{
        opacity: 1;
        transform:translateX(-130%);
    }
    100% {
        opacity: 0;
        transform:translateX(-60%);
    }
}
.h-efficiency2{
    position: absolute;
    left: 0px;
    right: 0;
    opacity: 0;
    top: 46%;
    margin: auto;
    animation: hEfficiency2 4s infinite linear;
}
.h-efficiency3{
    position: absolute;
    left: 0px;
    right: 0;
    opacity: 0;
    top: 46%;
    margin: auto;
    animation: hEfficiency1 4s infinite linear;
}
.wxCode{
    position: absolute!important;
    bottom: 8vw!important;
    left: 8vw!important;
    width: 25vw!important;
}
